<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %>
<%@ taglib prefix="ckeditor" uri="http://ckeditor.com" %>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta charset="utf-8">
  <!-- Title and other stuffs -->
  <title>个人消息列表</title> 
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="author" content="">
  <!-- Stylesheets -->
  <link href="/EMS/style/bootstrap.css" rel="stylesheet">
  <!-- Font awesome icon -->
  <link rel="stylesheet" href="/EMS/style/font-awesome.css"> 
  <!-- jQuery UI -->
  <link rel="stylesheet" href="/EMS/style/jquery-ui.css"> 
  <!-- Calendar -->
  <link rel="stylesheet" href="/EMS/style/fullcalendar.css">
  <!-- prettyPhoto -->
  <link rel="stylesheet" href="/EMS/style/prettyPhoto.css">  
  <!-- Star rating -->
  <link rel="stylesheet" href="/EMS/style/rateit.css">
  <!-- Date picker -->
  <link rel="stylesheet" href="/EMS/style/bootstrap-datetimepicker.min.css">
  <!-- CLEditor -->
  <link rel="stylesheet" href="/EMS/style/jquery.cleditor.css"> 
  <!-- Uniform -->
  <link rel="stylesheet" href="/EMS/style/uniform.default.css"> 
  <!-- Bootstrap toggle -->
  <link rel="stylesheet" href="/EMS/style/bootstrap-switch.css">
  <!-- Main stylesheet -->
  <link href="/EMS/style/style.css" rel="stylesheet">
  <!-- Widgets stylesheet -->
  <link href="/EMS/style/widgets.css" rel="stylesheet">   
  
  <!-- HTML5 Support for IE -->
  <!--[if lt IE 9]>
  <script src="/EMS/js/html5shim.js"></script>
  <![endif]-->

  <!-- Favicon -->
  <link rel="shortcut icon" href="/EMS/img/favicon/favicon.png">
</head>

<body onload="myLoad()">

<jsp:include page="/HeaderServlet"></jsp:include>

<!-- Main content starts -->

<div class="content">

<%@ include file="/user/userSidebar.jsp" %>

    <!-- Main bar -->
    <div class="mainbar">
      
      <!-- Page heading -->
      <div class="page-head">
        <h2 class="pull-left"><i class="icon-home"></i> 个人消息列表</h2>

        <!-- Breadcrumb -->
        <div class="bread-crumb pull-right">
          <a href="/EMS/IndexServlet"><i class="icon-home"></i> 首页</a> 
          <!-- Divider -->
          <span class="divider">/</span> 
          <a href="#" class="bread-current">控制台</a>
        </div>

        <div class="clearfix"></div>

      </div>
      <!-- Page heading ends -->

      <!-- Matter -->

			<!-- Form starts.  -->
			<form class="form-horizontal" role="form" id="frmNote"
			  action="/EMS/user/ShowNotesListServlet" method="post" >

      <div class="matter">
        <div class="container">

          <div class="row">
	          <input type="hidden" id="hidOperateType" name="hidOperateType" value="" />
	          <input type="hidden" id="hidNoteId" name="hidNoteId" 
	            value="${requestScope.ModifyNote.noteId}" />
	          <input type="hidden" id="hidCurrentPageIndex" name="hidCurrentPageIndex" 
              value="${currentPageIndex}" />
            <input type="hidden" id="hidSortField" name="hidSortField" value="${sortField}" />
            <input type="hidden" id="hidSortString" name="hidSortString" value="${sortString}" />
            <input type="hidden" id="hidPageSize" name="hidPageSize" value="${pageSize}" />
	          
            <div class="col-md-12">
              <div class="widget wgreen">
                <div class="widget-head">
                  <div class="pull-left">查询个人消息</div>
                  <div class="widget-icons pull-right">
                    <a href="#" class="wminimize"><i class="icon-chevron-down"></i></a> 
                    <a href="#" class="wclose"><i class="icon-remove"></i></a>
                  </div>
                  <div class="clearfix"></div>
                </div>

                <div class="widget-content" style="display:none;">
                  <div class="padd">
                    <div class="form-group">
                      <label class="col-lg-4 control-label">标题</label>
                      <div class="col-lg-8">
                        <input type="text" class="form-control" id="txtSearchTitle" name="txtSearchTitle" 
                          placeholder="标题" value="${searcher.title}">
                        <span class="label label-danger" id="spanSearch"></span>
                      </div>
                    </div>
                    <div class="form-group">
                      <label class="col-lg-4 control-label">内容</label>
                      <div class="col-lg-8">
                        <textarea class="form-control" rows="3" id="txtSearchContent" name="txtSearchContent" 
                          placeholder="内容">${searcher.content}</textarea>
                      </div>
                    </div>
                    <div class="form-group">
                      <label class="col-lg-4 control-label">发送时间</label>
                      <div class="col-lg-3">
                        <input type="text" class="form-control" id="txtSearchSendDateTimeBegin" name="txtSearchSendDateTimeBegin" 
                          placeholder="开始时间" value="${searcher.sendDateTimeBegin}">
                      </div>
                      <div class="col-lg-3">
                        <input type="text" class="form-control" id="txtSearchSendDateTimeEnd" name="txtSearchSendDateTimeEnd" 
                          placeholder="结束时间" value="${searcher.sendDateTimeEnd}">
                        <span class="label label-danger" id="spanSearch"></span>
                      </div>
                    </div>
                    <div class="form-group">
                      <label class="col-lg-4 control-label">发送人</label>
                      <div class="col-lg-3">
                        <select class="form-control" id="selSenderDepartmentId" name="selSenderDepartmentId" onchange="selectDepartment()">
                          <option value="0">-请选择部门-</option>
                          <c:forEach items="${departments}" var="department">
                          <option value="${department.departmentId}" 
                            <c:if test="${department.departmentId == searcher.senderSearcher.departmentId}">selected="selected"</c:if>>
                          ${department.departmentName}</option>
                          </c:forEach>
                        </select>
                      </div>
                      <div class="col-lg-3">
                        <select class="form-control" id="selSearchSenderId" name="selSearchSenderId">
                          <option value="0">-请选择-</option>
                          <c:forEach items="${senders}" var="sender">
                          <option value="${sender.loginId}" 
                            <c:if test="${sender.loginId == searcher.senderId}">selected="selected"</c:if>> ${sender.loginName}</option>
                          </c:forEach>
                        </select>
                      </div>
                    </div>
                    <div class="form-group">
                      <label class="col-lg-4 control-label">接收人</label>
                      <div class="col-lg-3">
                        <select class="form-control" id="selSendeeDepartmentId" name="selSendeeDepartmentId" onchange="selectDepartment()">
                          <option value="0">-请选择部门-</option>
                          <c:forEach items="${departments}" var="department">
                          <option value="${department.departmentId}" 
                            <c:if test="${department.departmentId == searcher.sendeeSearcher.departmentId}">selected="selected"</c:if>>
                          ${department.departmentName}</option>
                          </c:forEach>
                        </select>
                      </div>
                      <div class="col-lg-3">
                        <select class="form-control" id="selSearchSendeeId" name="selSearchSendeeId">
                          <option value="0">-请选择-</option>
                          <c:forEach items="${sendees}" var="sendee">
                          <option value="${sendee.loginId}" 
                            <c:if test="${sendee.loginId == searcher.sendeeId}">selected="selected"</c:if>> ${sendee.loginName}</option>
                          </c:forEach>
                        </select>
                      </div>
                    </div>
                    <hr />
                    <div class="form-group">
                      <div class="col-lg-offset-1 col-lg-9">
                        <button class="btn btn-primary" type="reset" onclick="searchNote()">查询</button>
                        <button class="btn btn-default" type="reset" onclick="cancelSearchNote()">取消查询</button>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="widget-foot">
                  <!-- Footer goes here -->
                </div>
              </div>
            
            </div>
          </div>
          <!-- Table -->
            <div class="row">
              <div class="col-md-12">
                <div class="widget">
                <div class="widget-head">
                  <div class="pull-left">个人消息信息表</div>
                  <div class="widget-icons pull-right">
                    <a href="#" class="wminimize"><i class="icon-chevron-up"></i></a> 
                    <a href="#" class="wclose"><i class="icon-remove"></i></a>
                  </div>  
                  <div class="clearfix"></div>
                </div>

                  <div class="widget-content">

                    <table class="table table-striped table-bordered table-hover">
                      <thead>
                        <tr>
                          <th nowrap="nowrap" width="70px"><input type="checkbox" id="chkSelectAll" onclick="selectAll()"></input> 全选</th>
                          <th nowrap="nowrap"><a href="javascript: sorting('NoteId')">序号</a></th>
                          <th nowrap="nowrap"><a href="javascript: sorting('Title')">标题</a></th>
                          <th nowrap="nowrap"><a href="javascript: sorting('Senders.LoginName')">发送人</a></th>
                          <th nowrap="nowrap"><a href="javascript: sorting('Sendees.LoginName')">接收人</a></th>
                          <th nowrap="nowrap"><a href="javascript: sorting('SendDateTime')">发送时间</a></th>
                          <th nowrap="nowrap"><a href="javascript: sorting('SendIp')">发送IP</a></th>
                          <th nowrap="nowrap">操作</th>
                        </tr>
                      </thead>
                      <tbody>
                      <c:forEach items="${notes}" var="note" 
                        begin="${(currentPageIndex - 1) * pageSize}" end="${currentPageIndex * pageSize - 1}">
                        <tr>
                          <td nowrap="nowrap" align="center">
                            <input type="checkbox" id="chkNote${note.noteId}" name="chkNotes" value="${note.noteId}" />
                          </td>
                          <td>${note.noteId}</td>
                          <td><a href="/EMS/user/ShowNoteServlet?NoteId=${note.noteId}">${note.title}</a></td>
                          <td>${note.sender.loginName}</td>
                          <td>${note.sendee.loginName}</td>
                          <td>${note.sendDateTime}</td>
                          <td>${note.sendIp}</td>
                          <td>
                              <button class="btn btn-xs btn-warning" onclick="modifyNote(${note.noteId})"><i class="icon-pencil"></i> </button>
                              <button class="btn btn-xs btn-danger" onclick="removeNote(${note.noteId})"><i class="icon-remove"></i> </button>
                          </td>
                        </tr>
                      </c:forEach>
                      </tbody>
                    </table>

                    <div class="widget-foot">
                    共${rowCount}条数据&nbsp;&nbsp;&nbsp;第${currentPageIndex}/${pageCount}页&nbsp;&nbsp;&nbsp;
                      <input type="radio" name="radPageSize" value="10" onclick="resize(this.value)" <c:if test="${pageSize == 10}">checked</c:if>>10条/页
                      &nbsp;&nbsp;
                      <input type="radio" name="radPageSize" value="20" onclick="resize(this.value)" <c:if test="${pageSize == 20}">checked</c:if>>20条/页
                      &nbsp;&nbsp;
                      <input type="radio" name="radPageSize" value="50" onclick="resize(this.value)" <c:if test="${pageSize == 50}">checked</c:if>>50条/页
                      <ul class="pagination pull-right">
                        <c:if test="${currentPageIndex <= 1}">
	                        <li><a>首页</a></li>
	                        <li><a>上一页</a></li>
                        </c:if>
                        <c:if test="${currentPageIndex > 1}">
	                        <li><a href="javascript: paging(1)">首页</a></li>
	                        <li><a href="javascript: paging(${currentPageIndex - 1})">上一页</a></li>
                        </c:if>
                        <c:if test="${currentPageIndex >= pageCount}">
	                        <li><a>下一页</a></li>
	                        <li><a>尾页</a></li>
                        </c:if>
                        <c:if test="${currentPageIndex < pageCount}">
                          <li><a href="javascript: paging(${currentPageIndex + 1})">下一页</a></li>
                          <li><a href="javascript: paging(${pageCount})">尾页</a></li>
                        </c:if>
                        <li><a href="javascript: removeSelect()">删除选中</a></li>
                        <li><a target="_blank" href="/EMS/admin/ExportAllNotesServlet">导出全部</a></li>
                        <li><a href="javascript: export()">导出</a></li>
                      </ul>
                      <div class="clearfix"></div> 
                    </div>
                  </div>
                </div>
              </div>
            </div>
        </div>
      </div>
      </form>

      <!-- Matter ends -->

    </div>

   <!-- Mainbar ends -->
   <div class="clearfix"></div>

</div>
<!-- Content ends -->

<%@ include file="/footer.jsp" %>

<!-- Scroll to top -->
<span class="totop"><a href="#"><i class="icon-chevron-up"></i></a></span> 

<!-- JS -->
<script src="/EMS/js/jquery.js"></script> <!-- jQuery -->
<script src="/EMS/js/bootstrap.js"></script> <!-- Bootstrap -->
<script src="/EMS/js/jquery-ui-1.9.2.custom.min.js"></script> <!-- jQuery UI -->
<script src="/EMS/js/fullcalendar.min.js"></script> <!-- Full Google Calendar - Calendar -->
<script src="/EMS/js/jquery.rateit.min.js"></script> <!-- RateIt - Star rating -->
<script src="/EMS/js/jquery.prettyPhoto.js"></script> <!-- prettyPhoto -->

<!-- jQuery Flot -->
<script src="/EMS/js/excanvas.min.js"></script>
<script src="/EMS/js/jquery.flot.js"></script>
<script src="/EMS/js/jquery.flot.resize.js"></script>
<script src="/EMS/js/jquery.flot.pie.js"></script>
<script src="/EMS/js/jquery.flot.stack.js"></script>

<!-- jQuery Notification - Noty -->
<script src="/EMS/js/jquery.noty.js"></script> <!-- jQuery Notify -->
<script src="/EMS/js/themes/default.js"></script> <!-- jQuery Notify -->
<script src="/EMS/js/layouts/bottom.js"></script> <!-- jQuery Notify -->
<script src="/EMS/js/layouts/topRight.js"></script> <!-- jQuery Notify -->
<script src="/EMS/js/layouts/top.js"></script> <!-- jQuery Notify -->
<!-- jQuery Notification ends -->

<script src="/EMS/js/sparklines.js"></script> <!-- Sparklines -->
<script src="/EMS/js/jquery.cleditor.min.js"></script> <!-- CLEditor -->
<script src="/EMS/js/bootstrap-datetimepicker.min.js"></script> <!-- Date picker -->
<script src="/EMS/js/jquery.uniform.min.js"></script> <!-- jQuery Uniform -->
<script src="/EMS/js/bootstrap-switch.min.js"></script> <!-- Bootstrap Toggle -->
<script src="/EMS/js/filter.js"></script> <!-- Filter for support page -->
<script src="/EMS/js/custom.js"></script> <!-- Custom codes -->
<script src="/EMS/js/charts.js"></script> <!-- Charts & Graphs -->

<!-- Script for this page -->
<script type="text/javascript">
$(function () {

    /* Bar Chart starts */

    var d1 = [];
    for (var i = 0; i <= 20; i += 1)
        d1.push([i, parseInt(Math.random() * 30)]);

    var d2 = [];
    for (var i = 0; i <= 20; i += 1)
        d2.push([i, parseInt(Math.random() * 30)]);


    var stack = 0, bars = true, lines = false, steps = false;
    
    function plotWithOptions() {
        $.plot($("#bar-chart"), [ d1, d2 ], {
            series: {
                stack: stack,
                lines: { show: lines, fill: true, steps: steps},
                bars: { show: bars, barWidth: 0.8}
           },
            grid: {
                borderWidth: 0, hoverable: true, color: "#777"
           },
            colors: ["#ff6c24", "#ff2424"],
            bars: {
                  show: true,
                  lineWidth: 0,
                  fill: true,
                  fillColor: { colors: [ { opacity: 0.9}, { opacity: 0.8} ]}
           }
       });
   }

    plotWithOptions();
    
    $(".stackControls input").click(function (e) {
        e.preventDefault();
        stack = $(this).val() == "With stacking" ? true : null;
        plotWithOptions();
   });
    $(".graphControls input").click(function (e) {
        e.preventDefault();
        bars = $(this).val().indexOf("Bars") != -1;
        lines = $(this).val().indexOf("Lines") != -1;
        steps = $(this).val().indexOf("steps") != -1;
        plotWithOptions();
   });

    /* Bar chart ends */

});


/* Curve chart starts */

$(function () {
    var sin = [], cos = [];
    for (var i = 0; i < 14; i += 0.5) {
        sin.push([i, Math.sin(i)]);
        cos.push([i, Math.cos(i)]);
   }

    var plot = $.plot($("#curve-chart"),
           [ { data: sin, label: "sin(x)"}, { data: cos, label: "cos(x)"} ], {
               series: {
                   lines: { show: true, fill: true},
                   points: { show: true}
              },
               grid: { hoverable: true, clickable: true, borderWidth:0},
               yaxis: { min: -1.2, max: 1.2},
               colors: ["#1eafed", "#1eafed"]
            });

    function showTooltip(x, y, contents) {
        $('<div id="tooltip">' + contents + '</div>').css( {
            position: 'absolute',
            display: 'none',
            top: y + 5,
            left: x + 5,
            border: '1px solid #000',
            padding: '2px 8px',
            color: '#ccc',
            'background-color': '#000',
            opacity: 0.9
       }).appendTo("body").fadeIn(200);
   }

    var previousPoint = null;
    $("#curve-chart").bind("plothover", function (event, pos, item) {
        $("#x").text(pos.x.toFixed(2));
        $("#y").text(pos.y.toFixed(2));

        if ($("#enableTooltip:checked").length > 0) {
            if (item) {
                if (previousPoint != item.dataIndex) {
                    previousPoint = item.dataIndex;
                    
                    $("#tooltip").remove();
                    var x = item.datapoint[0].toFixed(2),
                        y = item.datapoint[1].toFixed(2);
                    
                    showTooltip(item.pageX, item.pageY, 
                                item.series.label + " of " + x + " = " + y);
               }
           }
            else {
                $("#tooltip").remove();
                previousPoint = null;            
           }
       }
   }); 

    $("#curve-chart").bind("plotclick", function (event, pos, item) {
        if (item) {
            $("#clickdata").text("You clicked point " + item.dataIndex + " in " + item.series.label + ".");
            plot.highlight(item.series, item.datapoint);
       }
   });

});
</script>

<script type="text/javascript">
function checkInput() {
  var txtTitle = document.getElementById("txtTitle");
  var spanTitle = document.getElementById("spanTitle");
  
  if (txtTitle.value.length == 0) {
    spanTitle.innerHTML = "个人消息标题不能为空。";
    return false;
  }
  else {
    spanTitle.innerHTML = "";
    return true;
  }
}

function checkSearch() {
  var txtSearchTitle = document.getElementById("txtSearchTitle");
  var txtSearchContent = document.getElementById("txtSearchContent");
  var txtSearchSendDateTimeBegin = document.getElementById("txtSearchSendDateTimeBegin");
  var txtSearchSendDateTimeEnd = document.getElementById("txtSearchSendDateTimeEnd");
  var selSenderDepartmentId = document.getElementById("selSenderDepartmentId");
  var selSenderId = document.getElementById("selSenderId");
  var selSendeeDepartmentId = document.getElementById("selSendeeDepartmentId");
  var selSendeeId = document.getElementById("selSendeeId");
  var spanSearch = document.getElementById("spanSearch");
  
  if (txtSearchTitle.value.length == 0 
    && txtSearchContent.value.length == 0
    && txtSearchSendDateTimeBegin.value.length == 0
    && txtSearchSendDateTimeEnd.value.length == 0
    && selSenderDepartmentId.value.length == 0 
    && selSenderId.value.length == 0 
    && selSendeeDepartmentId.value.length == 0 
    && selSendeeId.value.length == 0 ) {
    spanSearch.innerHTML = "查询条件不能为空。";
    return false;
  }
  else {
    spanSearch.innerHTML = "";
    return true;
  }
}

function addNote() {
  if (checkInput()) {
    var frmNote = document.getElementById("frmNote");
    var hidOperateType = document.getElementById("hidOperateType");

    hidOperateType.value = "add";
    frmNote.submit();
  }
}

function removeNote(noteId) {
  if (confirm("确定要删除吗？")) {
    var frmNote = document.getElementById("frmNote");
    var hidOperateType = document.getElementById("hidOperateType");
    var hidNoteId = document.getElementById("hidNoteId");
    
    hidNoteId.value = noteId;
    hidOperateType.value = "remove";
    frmNote.submit();
  }
}

function removeSelect() {
  var count = 0;
  var chkNotes = document.getElementsByName("chkNotes");

  for (var i = 0; i < chkNotes.length; i++) {
    if (chkNotes[i].checked)
      count++;
  }
  
  if (count < 1) {
    alert ("没有选中，不能删除");
  }
  else if (confirm("确定要删除选中吗？")) {
    var frmNote = document.getElementById("frmNote");
    var hidOperateType = document.getElementById("hidOperateType");

    hidOperateType.value = "removeSelect";
    frmNote.submit();
  }
}

function modifyNote(noteId) {
  var frmNote = document.getElementById("frmNote");
  var hidOperateType = document.getElementById("hidOperateType");
  var hidNoteId = document.getElementById("hidNoteId");
  
  hidNoteId.value = noteId;
  hidOperateType.value = "modify";
  frmNote.submit();
}

function saveNote() {
  if (checkInput()) {
    var frmNote = document.getElementById("frmNote");
    var hidOperateType = document.getElementById("hidOperateType");

    hidOperateType.value = "save";
    frmNote.submit();
  }
}

function cancelSaveNote() {
  var frmNote = document.getElementById("frmNote");
  var hidOperateType = document.getElementById("hidOperateType");

  hidOperateType.value = "cancelSave";
  frmNote.submit();
}

function paging(pageIndex) {
  var frmNote = document.getElementById("frmNote");
  var hidOperateType = document.getElementById("hidOperateType");
  var hidCurrentPageIndex = document.getElementById("hidCurrentPageIndex");

  hidCurrentPageIndex.value = pageIndex;
  hidOperateType.value = "paging";
  frmNote.submit();
}

function sorting(sortField) {
  var frmNote = document.getElementById("frmNote");
  var hidOperateType = document.getElementById("hidOperateType");
  var hidSortField = document.getElementById("hidSortField");

  hidSortField.value = sortField;
  hidOperateType.value = "sorting";
  frmNote.submit();
}

function resize(pageSize) {
  var frmNote = document.getElementById("frmNote");
  var hidOperateType = document.getElementById("hidOperateType");
  var hidPageSize = document.getElementById("hidPageSize");

  hidPageSize.value = pageSize;
  hidOperateType.value = "resize";
  frmNote.submit();
} 

function searchNote() {
  if (checkSearch()) {
    var frmNote = document.getElementById("frmNote");
    var hidOperateType = document.getElementById("hidOperateType");
  
    hidOperateType.value = "search";
    frmNote.submit();
  }
}
function cancelSearchNote() {
  var frmNote = document.getElementById("frmNote");
  var hidOperateType = document.getElementById("hidOperateType");
  var txtSearchTitle = document.getElementById("txtSearchTitle");
  var txtSearchContent = document.getElementById("txtSearchContent");
  var txtSearchSendDateTimeBegin = document.getElementById("txtSearchSendDateTimeBegin");
  var txtSearchSendDateTimeEnd = document.getElementById("txtSearchSendDateTimeEnd");
  var selSearchSenderDepartmentId = document.getElementById("selSearchSenderDepartmentId");
  var selSearchSenderId = document.getElementById("selSearchSenderId");
  var selSearchSendeeDepartmentId = document.getElementById("selSearchSendeeDepartmentId");
  var selSearchSendeeId = document.getElementById("selSearchSendeeId");

  txtSearchTitle.value = "";
  txtSearchContent.value = "";
  txtSearchSendDateTimeBegin.value = "";
  txtSearchSendDateTimeEnd.value = "";
  selSearchSenderDepartmentId.value = "";
  selSearchSenderId.value = "";
  selSearchSendeeDepartmentId.value = "";
  selSearchSendeeId.value = "";
  hidOperateType.value = "calcelSearch";
  frmNote.submit();
}

function selectAll() {
  var chkSelectAll = document.getElementById("chkSelectAll");
  var chkNotes = document.getElementsByName("chkNotes");

  for (i = 0; i < chkNotes.length; i++) {
    chkNotes[i].checked = chkSelectAll.checked;
  }
}
function selectDepartment() {
  var frmNote = document.getElementById("frmNote");

  frmNote.submit();
}

function myLoad() {
  ${alertMessage}
}
/* Curve chart ends */
</script>

</body>
</html>